$(function () {
  // -------------------------------------用户管理--新增-----------------------------//
	//控制边框高亮
	$(document).on("click", "#userDialog .qrm-input-border", function () {
		if ($("#userDialog .qrm-pinming").css("background-image").indexOf("qrm-arrow-down") !== -1) {
			if ($("#userDialog .qrm-input").val() == '') {
				$("#userDialog .qrm-main-add .qrm-pinming").css("background-image", "url(images/qrm-arrow-top.png)");
				$("#userDialog .qrm-main-add .qrm-border1").show();
			} else {
				var s = $("#userDialog .qrm-input").val()
				console.log((s.split('/')).length);
				var n = (s.split('/')).length - 1;
				if (n == 1) {
					$("#userDialog .qrm-main-add .qrm-border1").show();
					$("#userDialog .qrm-main-add .qrm-border2").show();
				} else if (n == 2) {
					$("#userDialog .qrm-border1").show();
					$("#userDialog .qrm-border2").show();
					$("#userDialog .qrm-border3").show();
				} else {
					$("#userDialog .qrm-border1").show();
				}
				$("#userDialog .qrm-pinming").css("background-image", "url(images/qrm-arrow-top.png)");
			}
		} else {
			$("#userDialog .qrm-border1").hide();
			$(" #userDialog.qrm-border2").hide();
			$("#userDialog .qrm-border3").hide();
			$("#userDialog .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
		}
	});
	//第一层
	var levadd1;
	var levadd2;
	var levadd3;
	//第一层 事件代理

	$("body").on("mouseover", "#userDialog .qrm-lev-1>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		levadd1 = "";
		levadd2 = "";
		levadd3 = "";
		var html1 = $(this).children("#userDialog .li-zi-1").html();
		$("#userDialog .qrm-lev-2").html(html1);
		$("#userDialog .qrm-border2").show();
		$("#userDialog .qrm-border3").hide();
		$("#userDialog .qrm-lev-3").html("");
		levadd1 = $(this).children("span").html();
	});
	//第二层 事件代理
	$("body").on("mouseover", "#userDialog .qrm-lev-2>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		if ($(this).children("#userDialog .li-zi-2").html() == undefined) {
			levadd2 = $(this).children("span").html();
			$("#userDialog .qrm-input").val(levadd1 + "/" + levadd2);
			$("#userDialog .qrm-border1").hide();
			$("#userDialog .qrm-border2").hide();
			$("#userDialog .qrm-border3").hide();
			$("#userDialog .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
		} else {
			var html2 = $(this).children(".li-zi-2").html();
			levadd2 = $(this).children("span").html();
			$("#userDialog .qrm-border3").show();
			$("#userDialog .qrm-lev-3").html(html2);
		}
		if ($(this).parent().parent().next().children("#userDialog .qrm-lev").html() == "") {
			// 去掉输入框的高亮状态
			$("#userDialog .qrm-border1").hide();
			$("#userDialog .qrm-border2").hide();
			$("#userDialog .qrm-border3").hide();
			$("#userDialog .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
		}
	});
	$("body").on("click", "#userDialog .qrm-lev-1>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		var dataName = $(this).find("span").attr("data-id");
		$("#userDialog .qrm-input").val(levadd1);
		$("#userDialog .qrm-input").attr("data-id", dataName)
		$("#userDialog .qrm-border1").hide();
		$("#userDialog .qrm-border2").hide();
		$("#userDialog .qrm-border3").hide();
		$("#userDialog .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
	});
	$("body").on("click", "#userDialog .qrm-lev-2>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		var dataName = $(this).children("span").attr("data-id");
		$("#userDialog .qrm-input").val(levadd1 + "/" + levadd2);
		$("#userDialog .qrm-input").attr("data-id", dataName);
		$("#userDialog .qrm-border1").hide();
		$("#userDialog .qrm-border2").hide();
		$("#userDialog .qrm-border3").hide();
		$("#userDialog .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
	});
	$("body").on("click", "#userDialog .qrm-lev-3>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		levadd3 = $(this).children("span").html();
		var dataName = $(this).children("span").attr("data-id");
		$("#userDialog .qrm-input").val(levadd1 + "/" + levadd2 + "/" + levadd3);
		$("#userDialog .qrm-input").attr("data-id", dataName);
		$("#userDialog .qrm-border1").hide();
		$("#userDialog .qrm-border2").hide();
		$("#userDialog .qrm-border3").hide();
		//$(".qrm-pinming").css("background-image","url(images/qrm-arrow-down.png)");
	});
});
$(document).click(function (event) {
  var x1 = $('.box'); // 设置目标区域
  if (!x1.is(event.target) && x1.has(event.target).length === 0) { // Mark 1
    $("#userDialog .qrm-border1").hide();
    $("#userDialog .qrm-border2").hide();
    $("#userDialog .qrm-border3").hide();
    $("#userDialog .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
  }
});